<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系统登录 - 超市账单管理系统</title>
<link type="text/css" rel="stylesheet" href="css/style.css" />
<script type="text/javascript">
  function validate(){
        
		var loginName=document.getElementById("loginName").value;
		var password=document.getElementById("password").value;
		var loginNameSpan=document.getElementById("loginNameSpan");
		var passwordSpan=document.getElementById("passwordSpan");
		if(loginName.length>0){
		   loginNameSpan.innerText="";
		}else{
		   loginNameSpan.innerText="请输入登陆名";
		   return false;
		}
		
		if(password.length>0){
		   passwordSpan.innerText="";
		}else{
		   passwordSpan.innerText="请输入密码";
		   return false;
		}
		
	}
  </script>
</head>
<body class="blue-style">
<div id="login">
	<div class="icon"></div>
	<div class="login-box">
		<form  action="/smbms/LoginServlet"  name="actionForm" id="actionForm"  method="post" >
			<dl>
				<dt>用户名：</dt>
				<dd><input type="text" class="input-text" name="loginName" id ="loginName"/> <span id="loginNameSpan"></span></dd>
				<dt>密　码：</dt>
				<dd><input type="password"  class="input-text" name="password" id="password"/><span id="passwordSpan"></span></dd>
			</dl>
			<div class="buttons">
				<input type="submit"   value="登录系统" class="input-button" onclick="return validate()"/>
				<input type="reset"  value="重　　填" class="input-button" />
			</div>
		</form>
	</div>
</div>
</body>
</html>
